<!--  -->
<template>
  <div class="prog">
    <div class="alls">
      <div class="more">
        <div style="margin-left: 17px"><strong>项目动态</strong></div>
        <div style="text-align: right; margin-right: 29px">查看更多 &gt;</div>
      </div>
      <ul>
        <li v-for="te in text" :key="te.index">
          <div class="icons"></div>
          <div class="txts">
            <p class="tp">{{ te.txt }}</p>
            <span>{{ te.name }}</span>
            <span>{{ te.times }}</span>
            <!-- <i class="lisys"></i> -->
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {
      text: [
        {
          txt: '三王山大酒店商业综合体休闲娱乐项目休闲已完成签约,这里是一条咨询的文案内容',
          name: '白马山度假小组',
          times: '2018/08/28',
        },
        {
          txt: '三王山大酒店商业综合体休闲娱乐项目休闲已完成签约,这里是一条咨询的文案内容',
          name: '白马山度假小组',
          times: '2018/08/28',
        },
        {
          txt: '三王山大酒店商业综合体休闲娱乐项目休闲已完成签约,这里是一条咨询的文案内容',
          name: '白马山度假小组',
          times: '2018/08/28',
        },
      ],
    }
  },
  created() {},
  methods: {},
  beforeDestroy() {},
}
</script>
<style lang='scss' scoped>
* {
  margin: 0;
  padding: 0;
}
.prog {
  display: flex;
  flex-grow: 1;
  width: 100%;
  height: 333px;
  .alls {
    flex-grow: 1;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    .more {
      width: 100%;
      display: flex;
      justify-content: space-between;
      height: 55px;
      align-items: center;
      border-bottom: 1px solid rgb(213, 211, 211);
      div {
        margin: auto 0;
        width: 50%;
        height: 29px;
        font-size: 16px;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        text-align: left;
        color: rgba(0, 0, 0, 0.85);
        line-height: 29px;
      }
    }
    ul {
      margin: 0;
      padding: 0;
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      height: auto;
      align-items: center;
      li {
        width: 100%;
        height: 85px;
        margin-top: 10px;
        display: flex;
        margin-right: 29px;
        justify-content: center;

        .icons {
         
          width: 8px;
          height: 8px;
          border-radius: 4px 4px;
          background: radial-gradient(red, yellow);
          margin:5px 10px  5px 15px;
        }
        .txts {
          width: 95%;
          height: 85px;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
         
          border-bottom:1px solid #e9e9e9 ;
          // .lisys {
          //   margin-top: 30px;
          //   display: block;
          //   width: 100%;
          //   height: 1px;
          //   background: #e9e9e9;
          // }
          .tp {
            height: auto;
            width: 100%;
            margin: 0;
            font-size: 14px;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: left;
            color: #1e1f20;
            line-height: 22px;
          }
          span {
            height: 17px;
            display: block;
            width: 50%;
            font-size: 14px;
            line-height: 17px;
          }
          span:nth-child(2) {
            text-align: left;
          }
          span:nth-child(3) {
            text-align: right;
          }
        }
      }
    }
  }
}
</style>
